<template>
    <div class="header pr">
      <img @click="golist" class="img" src="static/mock/img/hotdetails/one.jpg" alt="img">
      <span class="iconfont pa photo">&#xe612; <span class="photos">48</span></span>
      <p class="pa fonts">秦始皇陵博物院（兵马俑）(AAAAA景区)</p>
    </div>
</template>

<script>
    export default {
        methods:{
          golist(){
            this.$router.push("/hotdetailsimglist")
          }
        }
    }
</script>

<style scoped lang="stylus">
  .header
    .img
      width: 100%
      display block
    .photo
      font-size: .30rem
      bottom: .9rem
      left: .2rem
      padding: .1rem .3rem
      background: rgba(0,0,0,.5)
      color: #ffffff
      -webkit-border-radius: 30%
      -moz-border-radius: 30%
      border-radius: 30%
      .photos
        font-size: .24rem
    .fonts
      bottom: .4rem
      left: .2rem
      font-size: .36rem
      color: #ffffff
</style>
